// 1.用户点击submit按钮直接提交(form+submit+name+action) - 直接完成

// 2.用户名重名检测：如果用户名存在不允许注册。
// 失去焦点事件进行检测
// 检测过程：
// 先通过ajax将用户名传给后端，后端拿到前端的值和数据库里面的值进行匹配，如果数据库里面存在，说明此用户名不能使用。否则可以使用。
// 后端将匹配的结果返回前端，前端提示错误。


// 操作过程：
// 引入或者加载jquey模块
import {} from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";


const $username = $('.username');
const $span = $('span');
const $form = $('form');
let $flag = true;

//失去焦点将前端的用户名传给后端
$username.on('blur', function() {
    $.ajax({
        type: 'post',
        url: 'http://10.31.165.18/JS2012/projectname/php/reg.php',
        data: {
            checkname: $username.val()
        }
    }).done(function(data) { //根据后端的返回值确定是否重名
        if (data === 'true') { //存在
            $span.html('该用户名已存在');
            $span.css('color', 'red');
            $flag = false;
        } else if (data === 'false') {
            $span.html('√');
            $span.css('color', 'green');
            $flag = true;
        }
    });
});

//阻止浏览器的submit跳转，如果用户名不能通过，不允许提交注册。
$form.on('submit', function() {
    if (!$flag) {
        return false;
    }
});


//如果注册成功跳转到登录页面 - 后端做的